|
|
Normal Button
You must apply the image displaying when the mouse
pointer is not over the button, and displaying when
the user opens the page for the first time.
(Back to the picture)
|
|
|
|
|
|
On Click
When the user clicks on the button, the image of the button
must change to the one selected here.
If you don't want an On Click effect then press the 
button (on the right of the appropiate field) to disable
 the
action.
(Back to the picture)
|
|
|
Highlight Image
If you want a second image to be highlighted (and change
when another button has the focus - mouse over) then
choose the image here.
If you don't want a Highlight effect then press the
button
(on the right of the appropiate field) to disable
the action.
(Back
to the picture)
|
|
|
Link
To
You have to select an HTML page that opens when the
users click on the button.
(Back
to the picture)
|
|
|
Frames
You must decide how many frames you want. (None, 2 -3
or 4 frames) default is None frames. The program creates
1 to 5 html files (depending on this selections). For
example if you choose 2 frames and then you press the
write code button, the program will create 3 HTML files,
named index.htm (this is the one you must open from your
browser) one named contents.htm (containing the javascript
code for the buttons, link etc) and a 3rd file named main.htm
(this is the file that will be opened when the user clicks
on a button). These files will be created at the same
directory of your images. If you select 3 frames you have
the same files, plus one named banner.htm (if you'd like
to have a banner page above the other pages). If you select
4 frames you have all the files (index, banner, contents,
main) plus one named bottom.htm (if you'd like to have
some bottom infos) The good news are that you can refresh
the main, the banner as well as the bottom files when
the user clicks on a button, but you must edit the contents.htm
file and follow the instruction at the banner section.
When you don't want frames, select  ,
the program creates only one index.htm file.
(Back
to the picture)
|
|
|
BG
Image
If you'd like a background image, you must choose it
here.
Notice: You must have the background image
at the same directory with the other images.
(Back
to the picture)
|
|
|
|
|
|
Status
Bar Text
If you like to display some additional information for
every button, then you can write it here, at the status
bar text. If you do that when the user is over one button,
the status bar of the browser must display the messages
you've entered.
If you don't want a Status Bar Message then press the
button
(on the right of the appropiate field) to disable
the action.
(Back
to the picture)
|
|
|
Width
This is the width of the image file for the buttons.
Notice: The first time you choose an image for
a button, the image and height values are locked, if
you'd like to change them again, press the lock button
to unlock them)
(Back
to the picture)
|
|
|
Height
This is the height of the image file for the buttons.
Tip: The best way to make mouse over buttons,
is when the images of normal button, on click button
and mouse over button have the same size, that's why
we're locking these values)
(Back
to the picture)
|
|
|
Lock
This button locks and unlocks the height and width values.
(Back
to the picture)
|
|
|
Button's
Position
Check it if you want your buttons vertical, uncheck
for horizontal. (default is vertical)
|
|
|
Image
Preview
This is the Image Preview of every image you select
for a button or the highlited image/picture. It has
a fixed width and height value, so, if your image is
bigger than this one, you will not see it full size.
(but it will be correctly displayed when you view the
index.htm file)
(Back
to the picture)
|
|
|
List
This list contains all the button's you have added.
TIP: If you double click on a button's name on
the list, you can rename it.
(Back
to the picture)
|
|
|
|
|
|
Add Button
When you have made your selections for the first button,
press the new button to continue with the next one.
(Back
to the picture)
|
|
|
Edit
button's name
By default all the buttons are named "New Button"
if you like you can rename them by clicking this button.
You can always double click the button from the list
to rename it.
(Back
to the picture)
|
|
|
|
|
|
|
|
|
Write
Code
When
you finish with the buttons and the other selections
you have to press the write code button to create the
HTML files you need. To check the result, enter the
directory where your images are, and double click on
the index.htm file. CAUTION: When you press the write
code button, if there are any HTML files named:
index.htm, contents.htm, main.htm, banner.htm and bottom.htm
in the directory with your images, those files will
be OVERWRITTEN, so use this with caution. (the program
prompts the user if index.htm found)
(Back
to the picture)
|
|
|
|
|
|
|
|
|
Save
Scheme
If you'd like to save all the options for your buttons
(button stages, color, background image, button's names,
width-height etc) click this, choose a folder and a
name for the scheme (default extension is jsm, you don't
need to type this).
The best way to use this option is to save your work
with a name like your site, example: code_gr.jsm (remember
don't use \ / : * ? " < > | this characters).
(Back
to the picture)
|
|
|
Load
Scheme
Click here and select the folder and the JSMOC scheme
file
to load. If you need to make any changes to your site,
for example, add a new button, you don't have to restart
the project from the scratch. Just load it's scheme
file, make the changes and click the Create HTML button.
(Back
to the picture)
|
|
|
 Test
it on your browser
When you click this button, the program launches your
default browser and tests your work.
(Back to the picture)
|
|
|
Banners
These are our sponsors (and friends). If you'd like
to become our sponsor
email for
the details.
|
|
|
Visit site
If you'd like more information about JSMOC, click this
button to visit the official JSMOC site.
(Back
to the picture)
|
|
|
|
|
TIP:You
can use the browse buttons or just double click the
field you want to use.
|
I Publish this software as a freeware, so there is no
responsibility or warrancy. Use the program at your own
risk. If you 've found any bugs or if you have any comments
please email: dimitris@siskopoulos.gr
Please don't publish or sell this program without permission. |
This
is the field where you see the HEX color value. If
you know the value of the color, just type it in the
field.
Choose color using Web safe pallete or not (default
= safe pallete)
Copy the HEX value of the color to clipboard.
Show windows color dialog to choose.
Color picker mode. Move your mouse and pick the color
under the cursor.
Up Arrow 
Delete Button 
Down Arrow 
Help
Email
